<template>
  <div class="login_flex">
    <div class="login_component_container">
      <login-component />
    </div>
  </div>
</template>
<script>
import LoginComponent from "../components/login/LoginComponent.vue";
export default {
  name: "LoginView",
  components: { LoginComponent },
};
</script>
<style scoped>
.login_flex{
  display: flex;
  height: calc(100vh - 20px);
  align-items: center;
  background-size: 100%;
  background-image: url("~@/assets/img/campus_login.jpg");
}
.login_component_container{
  margin: auto 100px auto auto;
}
</style>